<%--
  Created by IntelliJ IDEA.
  User: J.TuTu
  Date: 2021/6/21
  Time: 21:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>在线图书商城</title>
  <style>
    .main{
      width: 400px;
      height: 600px;
      position: relative;
      top: 100px;
      left: 50%;
      margin-left: -200px;
      border: 1px solid pink;
    }
    .title{
      width: 400px;
      height: 100px;
      border: 1px solid pink;
      text-align: center;
      line-height: 100px;
      font-size: 20px;

    }

    img{
      width: 400px;
      height: 400px;
    }
    .bottom{
      width: 400px;
      height: 100px;
      position: absolute;
      bottom: 0px;
      border: 1px solid pink;
    }
    .text{
      text-align: center;
      line-height: 100px;;
    }
    a{
      text-decoration: none;
    }

  </style>

</head>
<body>
<div class="main">
  <div class="top">
    <div class="title">在线图书商城</div>
    <img src="http://www.logosheji.com/MessageImage/20190319155134_logo.gif">
  </div>
  <div class="bottom">
    <div class="text">点击<a href="login.jsp">登录</a>开启图书之旅</div>
  </div>
</div>
</body>
</html>